const { getLocations } = require('@/api/map.js')
Page({
  data: {
    longitude: 0,
    latitude: 0,
    scale: 16,
    markers: []
  },

  async onShow() {
    this.getTabBar().init()
    await this.getLocations();
  },
  async getLocations() {
    const query = {
      id: 1
    }
    const {
      code,
      data
    } = await getLocations(query);
    if (code === 0) {
      const newList = this.data.markers;
      data.forEach(item => {
        const marker = {
          // 每个标注点都有一个唯一的 id，用于区分不同的标注点。
          id: 1, // 标注点的唯一标识
          latitude: item.latitude, // 标注点的纬度
          longitude: item.longitude, // 标注点的经度
          iconPath: "https://webapi.amap.com/images/car.png", // 标注点的图标路径
          width: 30, // 图标的宽度
          height: 30, // 图标的高度
          callout: { // 标注点的气泡提示
            content: "这是标注点1",
            color: "#000",
            fontSize: 14,
            bgColor: "#fff",
            padding: 5,
            borderRadius: 5
          }
        }
        newList.push(marker);
      })
      this.setData({
        markers: newList,
        longitude: data[0].longitude,
        latitude: data[0].latitude
      })
    }
  }
})
